<!-- backTop start -->
<style type="text/css">
/*返回顶部*/
.back_top{position:fixed;width:37px;bottom:50px;right:0px;z-index:99999;}
.back_top_btn{  display:block;width:37px;height:37px; background:url(__PUBLIC__/images/bhxp/back_top_btn.gif) no-repeat;}
.back_top_btn:hover{ background-position:0 -37px;}
.bt_fade_out { display:none; margin-top:50px; -webkit-transition-property:opacity, margin-top, visibility; -webkit-transition-duration:0.5s, 0.3s, 0.5s; -webkit-transition-timing-function: ease-in-out, ease-in-out, ease-in-out; -moz-transition-property:opacity, margin-top, visibility; -moz-transition-duration:0.5s, 0.3s, 0.5s; -moz-transition-timing-function: ease-in-out, ease-in-out, ease-in-out; -o-transition-property:opacity, margin-top, visibility; -o-transition-duration:0.5s, 0.3s, 0.5s; -o-transition-timing-function: ease-in-out, ease-in-out, ease-in-out; transition-property:opacity, margin-top, visibility; transition-duration:0.5s, 0.3s, 0.5s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out; }
.bt_fade_in { margin-top:0; display:inline; overflow: visible; -webkit-transition-property:opacity, margin-top, visibility; -webkit-transition-duration:0.5s, 0.3s, 0.5s; -webkit-transition-timing-function: ease-in-out, ease-in-out, ease-in-out; -moz-transition-property:opacity, margin-top, visibility; -moz-transition-duration:0.5s, 0.3s, 0.5s; -moz-transition-timing-function: ease-in-out, ease-in-out, ease-in-out; -o-transition-property:opacity, margin-top; -o-transition-duration:0.5s, 0.3s; -o-transition-timing-function: ease-in-out, ease-in-out; transition-property:opacity, margin-top, visibility; transition-duration:0.5s, 0.3s; transition-timing-function: ease-in-out, ease-in-out, ease-in-out; }
</style>
<div id="backTop" class="back_top bt_fade_out">
	<a href="javascript:;" title="返回顶部" class="back_top_btn"></a>
</div>
<script type="text/javascript">
var width = $(window).width();
var right = ( width - 320 ) / 2 + 10;
//$("#backTop").css("right",right+"px");
var backToTopEle = $("#backTop").click( function() {
	$("body,html").animate({
		scrollTop : 0
	},50);
	$("#backTop").removeClass("bt_fade_in");
	$("#backTop").addClass("bt_fade_out");
});
var showEle = function(){
	$(backToTopEle).removeClass("bt_fade_out");
	$(backToTopEle).addClass("bt_fade_in");
};
var backToTopFun = function() {	
	var docScrollTop = $(document).scrollTop();
	if(docScrollTop > 0){
		$("#backTop").removeClass("bt_fade_out");
		$("#backTop").addClass("bt_fade_in");
	}else{
		$("#backTop").removeClass("bt_fade_in");
		$("#backTop").addClass("bt_fade_out");
	}
};
$(document).bind("scroll", backToTopFun);
</script>
<!-- backTop end -->
